<template>
  <van-tabbar
    route
    :border="false"
    active-color="#258beb"
    inactive-color="#c4c4c4"
    placeholder
    fixed
  >
    <van-tabbar-item replace to="/home" icon="shop" size="40"
      >首页</van-tabbar-item
    >
    <van-tabbar-item replace to="/serve" icon="clock">服务预约</van-tabbar-item>
    <van-tabbar-item replace to="/map" icon="location"
      >便民地图</van-tabbar-item
    >
    <van-tabbar-item replace to="/user" icon="friends">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  setup() {},
}
</script>

<style lang="less" scoped>
/deep/.van-tabbar {
  box-shadow: 0px 1px 20px 0px rgba(153, 153, 153, 0.2);
  font-size: 12px;
  height: 35px;
  line-height: 12px;
  padding-bottom: 7.5px;
  padding-top: 7.5px;
}
/deep/ .van-icon {
  display: block;
  font-size: 18px !important;
  margin-bottom: 7.5px;
}
/deep/.van-tabbar-item__icon{
  margin-bottom: 0;
}


</style>
